﻿<%@ Page Title="Registrarse" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Register.aspx.cs" Inherits="Triunfadores.Web.Account.Register" %>

<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">
    
    <div class="register-box">
        <div class="register-logo">
            <a href="~/Default.aspx"><b>Triunfadores</b></a>
        </div>

        <div class="register-box-body">
            <p class="login-box-msg"><strong>Registrar un nuevo usuario</strong></p>
            <p>Es necesario que las contraseñas tengan al menos <%: Membership.MinRequiredPasswordLength %> caracteres.</p>

            <asp:CreateUserWizard runat="server" ID="RegisterUser" ViewStateMode="Disabled" OnCreatedUser="RegisterUser_CreatedUser" LoginCreatedUser="False">
                <LayoutTemplate>
                    <asp:PlaceHolder runat="server" ID="wizardStepPlaceholder" />
                    <asp:PlaceHolder runat="server" ID="navigationPlaceholder" />
                </LayoutTemplate>
                <WizardSteps>
                    <asp:CreateUserWizardStep runat="server" ID="RegisterUserWizardStep">
                        <ContentTemplate>
                            <p class="validation-summary-errors" style="color: red">
                                <asp:Literal runat="server" ID="ErrorMessage" />
                            </p>
                            <div class="form-group has-feedback">
                                <asp:Label runat="server" AssociatedControlID="UserName">Nombre de usuario</asp:Label>
                                <asp:TextBox CssClass="form-control" runat="server" ID="UserName" />
                                <asp:RequiredFieldValidator Display="Dynamic" runat="server" ControlToValidate="UserName"
                                    CssClass="field-validation-error" ErrorMessage="El campo de nombre de usuario es obligatorio."
                                    ForeColor="Red" />
                                <span class="glyphicon glyphicon-user form-control-feedback"></span>
                            </div>
                            <div class="form-group has-feedback">
                                <asp:Label runat="server" AssociatedControlID="Email">Dirección de correo electrónico</asp:Label>
                                <asp:TextBox CssClass="form-control" runat="server" ID="Email" TextMode="Email" />
                                <asp:RequiredFieldValidator Display="Dynamic" runat="server" ControlToValidate="Email"
                                    CssClass="field-validation-error" ErrorMessage="El campo de dirección de correo es obligatorio."
                                    ForeColor="Red" />
                                <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
                            </div>
                            <div class="form-group has-feedback">
                                <asp:Label ID="Label1" runat="server" AssociatedControlID="Password">Contraseña</asp:Label>
                                <asp:TextBox CssClass="form-control" runat="server" ID="Password" TextMode="Password" />
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" Display="Dynamic" runat="server" ControlToValidate="Password"
                                    CssClass="field-validation-error" ErrorMessage="El campo de contraseña es obligatorio."
                                    ForeColor="Red" />
                                <span class="glyphicon glyphicon-lock form-control-feedback"></span>
                            </div>
                            <div class="form-group has-feedback">
                                <asp:Label runat="server" AssociatedControlID="ConfirmPassword">Confirmar contraseña</asp:Label>
                                <asp:TextBox CssClass="form-control" runat="server" ID="ConfirmPassword" TextMode="Password" />
                                <asp:RequiredFieldValidator runat="server" ControlToValidate="ConfirmPassword"
                                    CssClass="field-validation-error" Display="Dynamic" ErrorMessage="El campo de confirmación de contraseña es obligatorio."
                                    ForeColor="Red" />
                                <asp:CompareValidator runat="server" ControlToCompare="Password" ControlToValidate="ConfirmPassword"
                                    CssClass="field-validation-error" Display="Dynamic" ErrorMessage="La contraseña y la contraseña de confirmación no coinciden."
                                    ForeColor="Red" />
                                <span class="glyphicon glyphicon-log-in form-control-feedback"></span>
                            </div>
                            <div class="row">
                                <asp:Button CssClass="pull-right btn btn-primary btn-flat" runat="server" CommandName="MoveNext" Text="Registrar" />
                            </div>
                        </ContentTemplate>
                        <CustomNavigationTemplate />
                    </asp:CreateUserWizardStep>
                </WizardSteps>
            </asp:CreateUserWizard>
        </div>
        <!-- /.form-box -->
    </div>

    
</asp:Content>